<!--导航条开始-->
<mynavbar></mynavbar>
<!--导航条结束-->
<mynav></mynav>
<!--面包屑开始-->
<breadcrumb></breadcrumb>
<!--面包屑结束-->
<!--搜索框开始-->
<div class="container">
    <div class="col-lg-9" style="position: absolute;top: 30%;">
        <div class="input-group">
            <input type="text" class="form-control" ng-model="keyWords" placeholder="Search for...">
      <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
      </span>
        </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->
</div>
<!--搜索框结束-->
<!--列表开始-->
<div id="listinfo">
    <table id="listtable" class="table-striped">
        <thead>
            <th>姓名</th>
            <th>身份证号码</th>
            <th>入学年月</th>
            <th>班级</th>
            <th>手机</th>
            <th>操作</th>
        </thead>
        <tr ng-repeat="item in info|filter:keyWords" >
            <td ng-if="item.user_isuse == 1">{{item.real_name}}</td>
            <td ng-if="item.user_isuse == 1">{{item.card_num}}</td>
            <td ng-if="item.user_isuse == 1">{{item.enter_year}}</td>
            <td ng-if="item.user_isuse == 1">{{item.class_name}}</td>
            <td ng-if="item.user_isuse == 1">{{item.mobile}}</td>
            <td ng-if="item.user_isuse == 1"><i class="fa fa-pencil-square-o btn" title="编辑" aria-hidden="true" ng-click="edit($index)"></i><i class="fa fa-eye btn" title="显示更多" aria-hidden="true" data-toggle="modal" data-target="#myModal" ng-click="show($index)"></i><i class="fa fa-trash btn" title="删除" aria-hidden="true" ng-click="delete($index)"></i></td>
        </tr>
    </table>
</div>
<!--列表结束-->

<!--弹窗开始-->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title text-center" id="myModalLabel">
                    详细信息
                </h4>
            </div>
            <div class="modal-body">
                <ul id="stuInfo" class="list-group">
                    <li class="list-group-item-heading">
                        头像:
                    </li>
                    <li class="list-group-item text-center">
                        <img width="200px" height="200px" ng-src={{showStudent.image}}><br>
                    </li>
                    <li class="list-group-item-heading">
                        真实姓名:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.real_name}}
                    </li>
                    <li class="list-group-item-heading">
                        身份证号码:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.card_num}}
                    </li>
                    <li class="list-group-item-heading">
                        工作地址:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.business}}
                    </li>
                    <li class="list-group-item-heading">
                        入学年月:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.enter_year}}
                    </li>
                    <li class="list-group-item-heading">
                        班级:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.class_name}}
                    </li>
                    <li class="list-group-item-heading">
                        手机号:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.mobile}}
                    </li>
                    <li class="list-group-item-heading">
                        家庭住址:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.address}}
                    </li>
                    <li class="list-group-item-heading">
                        邮政编码:
                    </li>
                    <li class="list-group-item">
                        {{showStudent.zipcode}}
                    </li>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--弹窗结束-->